import React from 'react';
import QueueAnim from 'rc-queue-anim';
import OverPack from 'rc-scroll-anim/lib/ScrollOverPack';

const gallery1 = require('../../assets/gallery1-1.png');
const gallery2 = require('../../assets/gallery1-2.png');
const gallery3 = require('../../assets/gallery1-3.png');
const gallery4 = require('../../assets/gallery1-4.png');
const gallery5 = require('../../assets/gallery1-5.png');
const gallery6 = require('../../assets/gallery1-6.png');

export default function Page5() {
  return (
    <div className="page5-wrapper" >
      <h3 className="slogan">我们努力提供一种有质感的生活方式，而不是一份有收入的职业。</h3>
      <h5 className="subslogan">我们希望网约车车主在获得收获的同时，能够获得更多的收入。</h5>

      <div className="content">
        <div className="cell">
          <div className="overflow">
            <img src={gallery1} />
          </div>
          <div className="overflow" style={{marginLeft: 10}}>
            <img src={gallery2} />
          </div>
          <div className="overflow" style={{marginLeft: 10}}>
            <img src={gallery3} />
          </div>
        </div>
        <div className="cell">
          <div className="overflow" style={{width: '60.5%'}}>
            <img src={gallery4} />
          </div>
          <span style={{width: '39.5%'}}>
            <div className="overflow">
              <img src={gallery5} />
            </div>
            <div className="overflow">
              <img src={gallery6} style={{marginLeft: 0}} />
            </div>
          </span>
        </div>
      </div>
    </div>
  );
}
